.Login {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  background: url(/img/bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
  .cover {
    position: absolute;
    top: -50%;
    left: 0;
    width: 100%;
    height: 70%;
    background: url(/img/login-ball.png) top no-repeat;
    background-size: 110%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    &.active-cover {
      top: 0;
    }
  }

  .loging-register-box {
    position: absolute;
    z-index: 10;
    top: -32%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 120px 60px 0;
    margin: 0 auto;
    overflow: hidden;
    transition: all 1.5s ease;
    &.active-form {
      top: 44%;
    }
    .loging-register-form {
      box-sizing: border-box;
      border: 1px solid #4785aa;
      border-radius: 5px;
      width: 480px;
      margin: auto;
      padding: 25px 60px;
      max-height: 700px;
      overflow: auto;
      background-color: rgba(0,28,42,.8);
      .login-title {
        color: $login-title-color;
        font-size: 24px;
        flexMiddle(center);
        .logo {
          margin-right: 20px;  
        }
      }
      .tab-body {
        margin: 40px 0 40px;
        color: #fff;
        .el-form-item {
          margin-bottom: 30px;
          .el-input {
            
          }
          .form-inp {
            display: inline-block;
            height: 100%;
            width: 100%;
            font-size: 15px;
            &:focus {
              background: transparent;
              outline: none;
            }
            
            .el-input__inner {
              background: transparent;
              border-color: #5e859e;
              color: #fff;
              height: 46px;
              line-height: 46px;
              border-radius: 5px;
              padding-left: 55px;
              caret-color: #fff;
              font-size: 15px;
              &:-webkit-autofill {
                -webkit-text-fill-color: #fff !important;
                box-shadow: 0 0 0px 1000px transparent inset !important;
                background-color: transparent;
                background-image: none;
                transition: background-color 50000s ease-in-out 0s;
              }
            }  
          }
        }
      }
    }
  }
  .inp-pre {
    transform: translate(10px, 7px);  
  }
  .login-err {
    left: 55px;  
  }
  .forget {
    font-size: 12px;
    color: $login-color;
    cursor: pointer;
    transform: translate(0, -20px);
    flexMiddle(flex-end);
    .ques-icon {
      margin-right: 5px;
      position: static;  
    }
  }
  .login-button {
    width: 100%;
    padding: 14px 20px;
    font-size: 18px;
    border-radius: 100px;
    margin-top: 10px;
    background: $login-btn-bg;
  }
}
